<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button class="set">创建</button>
</body>
<script>
    var set = document.getElementsByClassName("set")[0];

    // 如何创建cookie?
    // 1. cookie 的存取都依赖于 document.cookie
    // 2. cookie 是以键值对形式存在的字符串(key=val)
    // 3. cookie 存储的时候是一条一条的的存的


    // cookie的特性
    // cookie的时效性: (设置过期时间)
    // 默认情况下 cookie创建完之后,等待浏览器关闭之后就会过期 => 清除
    // 如果想长时间存储cookie,需要通过expires属性设置cookie的过期时间 => expires接收一个字符串类型的时间(世界时)

    // date.toString()   日期对象转字符串(中国标准时间)
    // date.toUTCString()  日期对象转字符串(世界时)

    // cookie的跨页面访问: (存储路径)
    // cookie的默认存储在当前文档所在的目录,该目录以及子目录下的所有文件 均可以访问cookie (简单来说 存在哪个目录 哪个目录里的文件才可以访问)
    // 如果想设置存储路径 需要通过path属性设置路径(从站点根目录开始 /)  一般存路径设置为/ 整个站点的文件均可访问



    // 设置cookie  
    // set.onclick = function(){
    //    document.cookie = "user=a123123";
    //    document.cookie = "pwd=123123";
    //    document.cookie = "phone=17386141517";
    //    document.cookie = "email=123123@qq.com";
    // }

    // cookie设置过期时间
    // set.onclick = function () {
    //     var date = new Date();
    //     date.setDate(date.getDate() + 7);

    //     document.cookie = "user=a123123; expires=" + date.toUTCString();
    //     document.cookie = "pwd=123123; expires=" + date.toUTCString();
    //     document.cookie = "phone=17386141517; expires=" + date.toUTCString();
    //     document.cookie = "email=123123@qq.com; expires=" + date.toUTCString();
    // }


    // cookie设置存储路径
     set.onclick = function () {
        var date = new Date();
        date.setDate(date.getDate() + 7);

        document.cookie = "user=a123123; expires=" + date.toUTCString() + ";path=/";
        document.cookie = "pwd=123123; expires=" + date.toUTCString()+ ";path=/";
        document.cookie = "phone=17386141517; expires=" + date.toUTCString()+ ";path=/";
        document.cookie = "email=123123@qq.com; expires=" + date.toUTCString()+ ";path=/";
    }


</script>

</html>